<!DOCTYPE html>
<html>
<head>
<include file='public:head'/>
</head>
<body>
<div class="main">    
<include file='public:quanheader'/>
<include file='public:top'/>        
<div class="app">
    <header class="head" id="head">
        <div class="fixtop">
        <span id="t-find" class="classify"><a href="javascript:void(0);" class="btn btn-left btn-type"></a></span>
        <span id="t-index">优惠券 <i><if condition="$index_info['sex'] eq '1'"> - 男</if> <if condition="$index_info['sex'] eq '2'"> - 女</if></i></span>
        <span id="t-user"><a href="javascript:;" class="choice">筛选<em class="cur"></em></a></span>
        </div>
        <dl class="screen-box">
            <dt>筛选方式：</dt>
			<dd>
            <a href="{:U('Quan/index')}" title="默认排序" >默认
			<img <if condition="$index_info['sort'] eq 'default'">style="display:block;" </if> src="__STATIC__/jwap/images/selected.png">
            </a>
            </dd>
            <dd>
            <a href="{:U('Quan/index',array('sort'=>'num'))}" title="最新" >优惠最多<img  <if condition="$index_info['sort'] eq 'num'">style="display:block;" </if>src="__STATIC__/jwap/images/selected.png">
            </a>
            </dd>
            <dd class="pack_up"><a href="javascript:void(0);"><img src="__STATIC__/jwap/images/pack_up.png"></a></dd>
        </dl>
    </header>
                   <li class="search">

        <div id="search-box">
           <form id="search-form" action="{:C('itk_wap_url')}" method="get">
                <div class="box-search">
                 <input type="hidden" name="m" value="Wap" />
				 <input type="hidden" name="c" value="quan" />
				 <input type="hidden" name="a" value="so" />
                 <input type="text" id="k" name="k" x-webkit-speech="" placeholder="搜索内部卷商品..." autocomplete="off" value="">
                 <a href="javascript:;" class="del"><img src="__STATIC__/jwap/images/del.png"></a>
                </div>                
                <button id="search-submit" type="submit" onclick="document.getElementById('keyword').value=encodeURI(document.getElementById('keyword').value);getId('search-form').submit()">
                    <img src="__STATIC__/jwap/images/search.png">
                </button>
            </form>

        </div>
        <div style="width:100%;"><img src="__STATIC__/jwap/images/quanbanner.png" style="width:100%; max-width:640px;"></div>
<div id="goods">
<section class="goods" id="goods">


<volist name='items_list' id='item'> 		
		<li>        


<div style="width:100%; max-width:680px; margin:auto; overflow:hidden;">
            <div style="width:100%;"></div>
            
    
        <div style="width:100%;border: solid #E2E2E2 1px;margin-top: 6px; overflow: hidden;background: #FFFFFF;">

            <div style="float:left; width:45%;">
                
                    <div style="background:#27bcb5;position: absolute; font-size: 9px;text-align:center;color: #FFFFFF;line-height: 11px;padding: 2px;">
                        今日<br>必抢
                    </div>
                    

                <a href="{:U('Jump/index',array('id'=>$item['id']))} " rel="nofollow" target="_blank"> <img src="{:attach(get_thumb($item['pic_url'], '_b'),'item')}" width="100%" border="0"></a>
            </div>

            <div style="float:right; width:53%;margin-right:2px; font-family:微软雅黑;">


                <div style="line-height:19px; font-size:14px; color:#767676; margin-top:5px;">{$item.title}</div>
                
		       <div style=" margin-top:5px; clear:both;font-family:微软雅黑; overflow:hidden; font-size:12px; color:#FF9999;">
                    <div style="margin-top:3px;float: left;margin-right: 3px;"><img src="http://www.titijie.com/img/dsj.png" width="10"></div>
                    <div style="float:left; margin-top:1px;">
                         内部券 <b style="font-size:14px;">{$item.quan} </b>元，剩余 <b style="font-size:14px;">{$item.quan_surplus}</b> 张
                    </div>
                    <div style="float:right; margin-top:1px; margin-right:3px;text-align:center;">
  
                    </div>
                </div>
				
				<div style="margin-top:3px;overflow:hidden;">
                    <div style="font-size:13px; color:#F5506B; margin-top:7px; background:#FFCDD6; width:98%; height:40px; line-height:40px;"> &nbsp;券后价 ￥<b style="font-size:18px; color:#FA1470">{$item.coupon_price}</b>  &nbsp; 原价 ￥{$item.price}</div>
                    
                </div>
                
				<div style="margin-top:15px;overflow:hidden; font-size:12px;">
				     <div style="float:left; margin-top:3px; color:#999999;">流程 &nbsp;</div>
					 <a style="float:left; padding:3px;border-radius: 4px; border:dotted #FF6666 1px; color:#EC3315; text-decoration:none; background:#FEFFD0;" href="{:U('Qitem/index',array('id'=>$item['id']))}" target="_blank">①点我领券</a>
					 <div style="float:left; margin-top:3px; color:#999999;">&nbsp; </div>
					 <a style="float:left; padding:3px;border-radius: 4px; border:dotted #FF6666 1px; color:#EC3315; text-decoration:none;background:#FEFFD0;" href="{:U('Jump/index',array('id'=>$item['id']))}" target="_blank">②点击下单</a>
					</div>
		</div>       
		</li> 				
</volist>	
</ul>
</section>

</div>

<div class="paging">
<div class="paging-nav next">
{$page}
</div>    
</div>



<div class="tips"><div><img src="http://s.juancdn.com/webapp/images/images.png" width="100%;"></div></div>
<div class="tips01"><div><img src="http://s.juancdn.com/webapp/images/images01.png" width="100%;"></div></div>

<script type="text/javascript">
    //微信提示
    var browser={
	v: (function(){
            var u = navigator.userAgent, app = navigator.appVersion, p = navigator.platform;
            return {
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                ios: !!u.match(/i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                weixin: u.indexOf('MicroMessenger') > -1, //是否微信
                webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                UCB: u.match(/UCBrowser/i) == "UCBrowser",
                QQB: u.match(/MQQBrowser/i) == "MQQBrowser",
                win: p.indexOf('Win') > -1,//判断是否是WIN操作系统
                mac: p.indexOf('Mac') > -1//判断是否是Mac操作系统

            };
        })()
    }

    var F_weixin = function(){
        if (browser.v.weixin ) {

            $("ul.goods-list a").on('click', F_alert_tips);
            $("div.alert_fullbg").on('click',F_alert_hide);

        }else{

        }
    }
    var type = "";
    var F_alert_tips = function(type) {
        if(type == "down"){
            $(".tips").css({
                display:'block'
            });
        } else {
            $(".tips01").css({
                display:'block'
            });
        }
        $(".alert_fullbg").css({
            display:'block'
        })
        return false;
    }
    var F_alert_hide =function() {
        $(".tips").hide();
        $(".tips01").hide();
        $(".alert_fullbg").hide();
    }
    F_weixin();



	//回到顶部图标显示隐藏效果
	document.getElementById("back_top").style.display = "none";
	window.onscroll = function () {
	    if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
		document.getElementById("back_top").style.display = "block";
	    }
	    else {
		document.getElementById("back_top").style.display = "none";
	    }
	}
	var $divWidth = $('.goods-a img').width();
	$('.goods-a img').css({'height':$divWidth});

	</script>
	<style type="text/css">
	.tips{ position: fixed; top: 0;  z-index: 110001; width: 100%; max-width: 640px; display: none;}
.tips01{ position: fixed; top: 0;z-index: 110001; width: 100%; max-width: 640px; display: none;}
.tips02{ position: fixed; top: 0;z-index: 110001; width: 100%; max-width: 640px; display: none;}
	</style>
    
    

<include file='public:footer'/>
</div>
</div>
<include file='public:footjs'/>
</body>
</html>